<template>
    <div>
        <h1>未完成</h1>
        <ul>
            <li v-for="(item, index) in arr" :key="index">
                <input type="checkbox">
                <span>
                    <input type="text">
                    <span>{{ item.txt }}</span>
                </span>

                <button>删除</button>
            </li>
        </ul>
        <h1>已完成</h1>
        <ul>
            <!-- <li v-for="(item, index) in arr" :key="index" v-show="item.flag">
        <input type="checkbox" v-model="item.flag">
        <span>{{ item.title }}</span>
        <button @click="del(index)">删除</button>
      </li> -->
        </ul>
    </div>
</template>


<script lang="ts">
import { reactive } from 'vue'
interface obType {
    flag: boolean,
    txt: string | undefined,
    isEdit: boolean
}
export default {
    props: {
        arr: Array
    },
    setup(options) {
       
        return {
            
        }
    }
}
</script>